<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组出栈入栈及填充操作</title>
</head>
<body>
    
</body>
<script>
    /*
        数组的出栈入栈的操作方法有很多
            push 在末尾入栈
            unshift  在开头入栈

            pop 在末尾出栈
            shift  在开头出栈

        数组的填充方法 
            fill 方法  向数组内填充元素
    */

    // push 在末尾处添加元素
    let arr1 = ['jimmy','love']
    let length = arr1.push('javascript')
    console.log(length)  // 3   push方法的返回值是数组的长度
    console.log(arr1)  //  ["jimmy", "love", "javascript"]   push是在数组末尾处添加一个数据

    //  unshift  在数组头添加元素
    let length1 = arr1.unshift('html')
    console.log(length1)  // 4  unshift方法的返回值也是数组长度
    console.log(arr1) //  ["html", "jimmy", "love", "javascript"]   unshift方法是在数组前端添加一个元素

    // pop方法  在数组末尾出移除一个元素
    let res1 = arr1.pop()  
    console.log(res1)  //javascript  pop移除方法的返回值是被移除的那个元素
    console.log(arr1)  //  ["html", "jimmy", "love"]  pop方法是将数组的最后一个元素移除

    // shift方法  在数组开头移除一个元素
    let res2 = arr1.shift()
    console.log(res2)  //html  shift移除方法的返回值是被移除的那个元素
    console.log(arr1)  //  ["jimmy", "love"]  shift方法是将数组开头的那个元素移除

    let arr2 = Array(5).fill('jimmy')
    console.log(arr2)  // ["jimmy", "jimmy", "jimmy", "jimmy", "jimmy"]
</script>
</html>